<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <title>外卖系统管理员</title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/vendors.css}">
</head>
<body class="vertical-layout vertical-menu 2-columns   menu-expanded fixed-navbar" data-open="click"
      data-menu="vertical-menu" data-color="bg-gradient-x-purple-blue" data-col="2-columns">
<nav class="header-navbar navbar-expand-md navbar navbar-with-menu navbar-without-dd-arrow fixed-top navbar-semi-light">
    <div class="navbar-wrapper">
        <div class="navbar-container content">
            <div class="collapse navbar-collapse show" id="navbar-mobile">
                <ul class="nav navbar-nav mr-auto float-left">
                    <li class="nav-item mobile-menu d-md-none mr-auto"><a
                            class="nav-link nav-menu-main menu-toggle hidden-xs" href="javascript:;"><i
                            class="ft-menu font-large-1"></i></a></li>
                    <li class="nav-item d-none d-md-block"><a class="nav-link nav-menu-main menu-toggle hidden-xs"
                                                              href="javascript:;"><i class="ft-menu"></i></a></li>
                    <li class="nav-item dropdown navbar-search"><a class="nav-link dropdown-toggle hide"
                                                                   data-toggle="dropdown" href="javascript:;"><i
                            class="ficon ft-search"></i></a>
                        <ul class="dropdown-menu">
                            <li class="arrow_box">
                                <form>
                                    <div class="input-group search-box">
                                        <div class="position-relative has-icon-right full-width">
                                            <input class="form-control" id="search" type="text"
                                                   placeholder="Search here...">
                                            <div class="form-control-position navbar-search-close"><i class="ft-x"></i>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </li>
                        </ul>
                    </li>
                </ul>
                <ul class="nav navbar-nav float-right">
                    <li class="dropdown dropdown-user nav-item"><a class=" nav-link dropdown-user-link"
                                                                   href="/admin/login"> <span class="username"><i
                            class="ft-power"></i>退出登录</span> </a></li>
                    <li class="dropdown dropdown-user nav-item"><a class="dropdown-toggle nav-link dropdown-user-link"
                                                                   href="javascript:;"> <span
                            class="username">Admin</span> <span class="avatar avatar-online"><img
                            th:src="@{/images/adminlogo.webp}" alt="avatar"></span> </a></li>
                </ul>
            </div>
        </div>
    </div>
</nav>
<div class="main-menu menu-fixed menu-light menu-accordion    menu-shadow " data-scroll-to-active="true"
     data-img="/static/images/backgrounds/02.jpg">
    <div class="navbar-header">
        <ul class="nav navbar-nav flex-row">
            <li class="nav-item mr-auto"><a class="navbar-brand" href="/admin/index">
                <h3 class="brand-text">外卖系统管理员主页</h3>
            </a></li>
            <li class="nav-item d-md-none"><a class="nav-link close-navbar"><i class="ft-x"></i></a></li>
        </ul>
    </div>
    <div class="main-menu-content">
        <ul class="navigation navigation-main" id="main-menu-navigation" data-menu="menu-navigation">
            <li class=" nav-item active"><a href="/admin/index"><i class="ft-home"></i><span class="menu-title">首页</span></a>
            </li>
            <li class=" nav-item"><a href="javascript:;"><i class="la la-medkit"></i><span
                    class="menu-title"> 商家管理</span></a>
                <ul class="menu-content">
                    <li><a class="menu-item" th:href="@{/admin/store}">商家入驻审核</a></li>
                </ul>
            </li>
            <li class=" nav-item"><a href="javascript:;"><i class="ft-users"></i><span
                    class="menu-title"> 用户管理</span></a>
                <ul class="menu-content">
                    <li><a class="menu-item" th:href="@{/admin/user}">用户订单申诉审核</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="navigation-background"></div>
</div>
<div class="app-content content">
    <div class="content-wrapper">
        <div class="content-wrapper-before"></div>
        <div class="content-header row">
            <div class="content-header-left col-md-4 col-12 mb-2">
                <h3 class="content-header-title">管理员主页</h3>
            </div>
            <div class="content-header-right col-md-8 col-12">
                <div class="breadcrumbs-top float-md-right">
                    <div class="breadcrumb-wrapper mr-1">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="/admin/index">主页</a></li>
                            <li class="breadcrumb-item active">系统主页</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body">
            <section class="file-browser">
                <div class="card" style="">

                    <div class="card-block">
                        <div class="card-body">
                            <div class="yshead">
                                <ul class="row">
                                    <li class=" col-md-8">
                                        <div class="pull-left"><img th:src="@{/images/adminlogo.webp}"></div>
                                        <div class="pull-left">
                                            <h2>早安，超级管理员</h2>
                                            <p>xx外卖系统 <span>|</span>超级管理员<span>|</span>联系电话：18995115401</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section class="file-browser">
                <div class="row match-height">
                    <div class="col-lg-12 col-md-12">
                        <div class="card" style="">
                            <div class="card-header">
                                <label class="card-title" for="exampleInputFile">工作统计</label>
                            </div>
                            <div class="card-block">
                                <div class="card-body">

                                    <ul class="clearfix row">
                                        <li class="col-md-2">

                                            <div class="ysnm ysnm2">

                                                <div><p>累计已审核数</p>

                                                    <span>4320</span><i>人</i></div>


                                                <div><p>本周审核数</p>
                                                    <span>342</span><i>人</i></div>
                                            </div>
                                        </li>
                                        <li class="col-md-10 clearfix">
                                            <div class="clearfix">
                                                <div class="pull-right">
                                                    <div class="pull-left taba">
                                                        <a href="#" class="active">今日</a><a href="#">本周</a><a href="#">本月</a><a
                                                            href="#">全年</a>
                                                    </div>
                                                    <span class="pull-left p-t-10">
							 <input type="text" class="form-control date date1" placeholder="请选择时间" id="date"
                                    lay-key="1" style="min-width: 240px;"></span>
                                                </div>

                                            </div>

                                            <div style="height: 200px" id="echart1"></div>

                                        </li>
                                    </ul>


                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>


<!-- BEGIN VENDOR JS-->
<script th:src="@{/js/vendors.min.js}" type="text/javascript"></script>
<script th:src="@{/js/app-menu.js}" type="text/javascript"></script>
<script th:src="@{/js/app.js}" type="text/javascript"></script>
<script th:src="@{/js/echarts.min.js}" type="text/javascript"></script>
<script th:src="@{/laydate/laydate.js}" type="text/javascript"></script>
<script>
    lay('#version').html('-v' + laydate.v);
    laydate.render({
        elem: '#date'
        , range: true
        , theme: '#6967ce'
    });
</script>
<script>
    $(function () {
        echarts_1();

        function echarts_1() {
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('echart1'));
//对话框图片
            var uploadedDataURL = "/asset/get/s/data-1547533200844-7eBMgp66l.png";

            var dataIPSxAxis = ['1月', '2月', '3月', '4月 ', '5月 ', '6月', '7月', '8月'];

            var dataIPS = [40, 180, 60, 290, 100, 140, 60, 90];

            option = {

                tooltip: {trigger: 'axis',},

                color: ["#0080ff", "#4cd5ce"],


                grid: {

                    left: '20',

                    right: '35',

                    top: '10%',

                    bottom: '0%',

                    containLabel: true

                },

                xAxis: [{

                    type: 'category',

                    boundaryGap: false,

                    data: dataIPSxAxis,

                    axisLabel: {

                        show: true,

                        textStyle: {

                            color: '#555',

                            fontSize: 12,

                        },

                    },

                    axisLine: {
                        show: false,
                        lineStyle: {

                            color: '#0a2b52',

                            width: 0.5, //这里是为了突出显示加上的

                        }

                    }

                }],

                yAxis: [{
                    type: 'value',
                    axisLine: {
                        onZero: false,
                        show: false,

                    },


                    axisLabel: {
                        show: true,
                        textStyle: {
                            color: '#555' //字体颜色

                        }

                    },
                    splitNumber: 3,
                    splitLine: {


                        show: true,
                        lineStyle: {
                            color: '#eee',
                            type: 'dotted'
                        }


                    },

                }],

                series: [

                    {

                        name: '最高水量',

                        type: 'line',

                        smooth: true,

                        //  symbol: "none", //去掉折线点

                        stack: 100,

                        itemStyle: {

                            normal: { //颜色渐变函数 前四个参数分别表示四个位置依次为左、下、右、上

                                color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{

                                    offset: 0,

                                    color: '#748bff' // 0% 处的颜色

                                }, {

                                    offset: 1,

                                    color: '#ff92ef' // 100% 处的颜色

                                }]), //背景渐变色

                                lineStyle: {

                                    width: 0,

                                    type: 'solid',

                                    color: "#CC56CB"

                                }

                            },

                            emphasis: {

                                color: '#02675f',

                                lineStyle: { // 系列级个性化折线样式

                                    width: 0,

                                    type: 'dotted',

                                    color: "#02675f" //折线的颜色

                                }

                            }

                        }, //线条样式

                        symbolSize: 0, //折线点的大小

                        areaStyle: {

                            normal: {}

                        },

                        data: dataIPS,

                    },


                ]

            };
            myChart.setOption(option);

            window.addEventListener("resize", function () {
                myChart.resize();
            });
        }

    })
</script>
</body>
</html>